﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="BookStore.admin.Login" %>

<!DOCTYPE html>
<html lang="en">
<head>        
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <title>Administrator Bookstore</title>
<style type="text/css">
    .loginBox{width: 340px; position: absolute; left: 50%; top: 50%; margin-top: -150px; margin-left: -145px; background: #F9F9F9; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0px 1px 6px rgba(67, 101, 139, 0.35); -moz-box-shadow: 0px 1px 6px rgba(67, 101, 139, 0.35);}
        .loginBox .loginHead{background: url("../image/header.jpg") left top repeat-x; padding: 9px 10px 10px; margin-bottom: 10px;
-moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;
                            -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; }            
        .loginBox .control-group{padding: 0px 20px 0px; margin-bottom: 10px;}
            .loginBox .control-group label{font-size: 12px;}
        .loginBox .form-actions{padding: 10px 20px; margin: 0px;
        height: 37px;
    }        

        .loginBox .control-group{padding: 0px 20px; margin-bottom: 10px;}
            .loginBox .control-group label{font-size: 14px;}
        .loginBox .form-actions{padding: 0px 0px; margin: 0px 25px 25px 0px;}        

        .loginBox label.checkbox{margin-left: 0px; padding: 0px; cursor: pointer;}
        .loginBox label.checkbox .checker{margin-top: -2px;}
            .loginBox input[type="text"], .loginBox input[type="password"]{width: 286px;}
                    
             
</style>
</head>
<body>
    
    <div class="loginBox">        
        <div class="loginHead">
            <samp style="color:#F1F121;  font-size:20px ; margin-left:5%; ">Administrator Bookstore</samp>
        </div>
        <form id="form1" runat="server">
            <div class="control-group">
                <label for="inputEmail">Username</label>&nbsp;&nbsp;&nbsp;                
             
                <asp:TextBox ID="txtusername" runat="server" Width="212px" Height="23px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                    ControlToValidate="txtusername" ErrorMessage="username isnot blank">(*)</asp:RequiredFieldValidator>
            </div>
            <div class="control-group">
                <label for="inputPassword">Password</label>&nbsp;&nbsp;&nbsp;
                <asp:TextBox ID="txtpassword" runat="server" Width="212px" Height="23px" 
                    TextMode="Password"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                    ControlToValidate="txtpassword" ErrorMessage="password isnot blank">(*)</asp:RequiredFieldValidator>

                <asp:ValidationSummary ID="ValidationSummary1" runat="server" />

            </div>
            <div class="form-actions">

                <asp:Button ID="btnLogin" runat="server" Text="Login" Height="30px"  
                    style="margin-left: 150px" Width="89px" onclick="btnLogin_Click" 
                    BackColor="#52769A" ForeColor="#66CCFF" />


            </div>
        </form>
        
    </div>    
    
</body>
</html>
